<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <div class="info">
        <h3>详 情</h3>
        <img src="./imgs/ymx1.jpg" alt="">
        <img src="./imgs/ymx2.jpg" alt="">
        <div class="back">
            <a class="btn" href="./index.html">返回上一页</a>
        </div>
    </div>
</body>
<style>
    .info {
        padding-top: 15px;
        width: 600px;
        height: 868px;
        box-shadow: 0px 4px 24px 0px #c5d0e6;
        text-align: center;
        margin: 0 auto;
    }

    h3 {
        margin-bottom: 0;
    }

    .info img {
        width: 535px;
        margin-top: 40px;
    }

    .back {
        margin-top: 50px;
        position: relative;
        height: 50px;
    }

    .btn {
        border-radius: 6px;
        cursor: pointer;
        position: absolute;
        padding: 5px 10px;
        left: 30px;
        top: 50%;
        transform: translateY(-50%);
        box-shadow: 0px 4px 24px 0px #c5d0e6;
    }

    a {
        text-decoration: none;
        color: #333;
    }

    a:hover,
    a:visited,
    a:link,
    a:active {
        color: #000;
    }
</style>

</html>